<!--
  ガジェットをフレームとして埋め込むコンテナページのHTML
-->
<html><head>
  <meta http-equiv="content-type" 
        content="text/html; charset=utf-8" />
  <script type="text/javascript">
// ガジェットから送信されたメッセージを表示
window.addEventListener("message", function(e){
  // if (e.origin !== "http://example.com" ) return; 
  var output = document.getElementById("messageOut");
  output.textContent = e.data;
}, false);
  </script>
</head>
<body style="background-color:#ffcccc">
  <p>
    Container in  
    <script type="text/javascript">
    document.write('<b>' + location.hostname + '</b>')
    </script>
  </p>
  <div id="messageOut"></div>
  <iframe id="gadget" style="width:500px;height:300px"
    src="http://crossdomain-webdb.googlecode.com/svn/trunk/postMessage/gadget.html"></iframe>
</body></html>
